<template>
	<button @click="goBack">后退</button>
	<h3 class="text-center" style="color: black;">详情管理</h3>
	<table border style="width: 100%;color: black;border-collapse: collapse;border: 2px solid #000;">
		<thead>
			<tr>
				<th>编号</th>
				<th>姓名</th>
				<th>等级</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>{{ id }}</td>
				<td>{{ name }}</td>
				<td>{{ level }}</td>
			</tr>
		</tbody>
	</table>
</template>

<script setup>
	import {useRouter,useRoute} from 'vue-router'
	const route = useRoute()
	const router = useRouter()
	// 
	const id = route.params.id
	const name = route.params.name
	const level = route.params.level
	const goBack = () => {
		router.back()
	}
</script>
<style scoped>
	button {
		background-color: #409eff;
		color: #fff;
	}

	h4,
	div {
		color: black;
	}
</style>